// 注册

import React, { Component } from 'react'
import {
  InputItem
} from 'antd-mobile'
import NavBar from '@components/navbar'
export default class Appointment extends Component {
  constructor(props) {
    super(props)
    this.state = {

    }
  }
  tosaveAddress = ()=> {
    this.props.history.push("/saveaddress")
  }
  render() {
    return (
      <div className="appointment-wrap">
        <NavBar
          left={<span className="app-icon icon-left" onClick={this.props.history.goBack} />}
          title="预约"
        />
        <div className="appointment-con">
          <div className="divMargin">
            <div className="appointment-title"><span>预约详情</span></div>
            <div className="address-con" onClick={this.tosaveAddress}>
              <p className="mobile"><span className="address-left">手机号码：</span>15966656752</p>
              <div className="address-ticket">
                <span className="address-left fl">送票地址：</span>
                <div className="address-name">北京市仓平区北京市仓平区北京市仓平区北京市仓平区</div>
              </div>
              <p className="price">预约金额：<span className="basecolor">10</span>元</p>
              <p className="address-desc">中奖金额可直接返入账号（彩票由投注站保管并兑奖）也可送票或自取，自行兑奖</p>
            </div>
          </div>
          <div className="div-split"></div>
          <div className="divMargin">
            <div className="appointment-title"><span>附近彩票投注站</span><span className="change-btn">换一批</span></div>
            <div className="lottery-station">
              <p className="lottery-station-wrap">
                <img src="resource/image/check.png" className="check-lottery" />
                <span>第123131投注站</span>
                <span className="lottery-label labelff8499">证</span>
                <span className="lottery-label label6787f5">保</span>
                <span className="distance">10.00km</span>
                <img src="resource/image/map.png" className="map" />
              </p>
              <p><span className="service-label service1">出票快</span><span className="service-label service2">出票快</span><span className="service-label service3">出票快</span></p>
            </div>
            <div className="lottery-station">
              <p className="lottery-station-wrap">
                <img src="resource/image/check.png" className="check-lottery" />
                <span>第123131投注站</span>
                <span className="lottery-label labelff8499">证</span>
                <span className="lottery-label label6787f5">保</span>
                <span className="distance">10.00km</span>
                <img src="resource/image/map.png" className="map" />
              </p>
              <p><span className="service-label service1">出票快</span><span className="service-label service2">出票快</span><span className="service-label service3">出票快</span></p>
            </div>
            <div className="lottery-station">
              <p className="lottery-station-wrap">
                <img src="resource/image/check.png" className="check-lottery" />
                <span>第123131投注站</span>
                <span className="lottery-label labelff8499">证</span>
                <span className="lottery-label label6787f5">保</span>
                <span className="distance">10.00km</span>
                <img src="resource/image/map.png" className="map" />
              </p>
              <p><span className="service-label service1">出票快</span><span className="service-label service2">出票快</span><span className="service-label service3">出票快</span></p>
            </div>
            <div className="lottery-station">
              <p className="lottery-station-wrap">
                <img src="resource/image/check.png" className="check-lottery" />
                <span>第123131投注站</span>
                <span className="lottery-label labelff8499">证</span>
                <span className="lottery-label label6787f5">保</span>
                <span className="distance">10.00km</span>
                <img src="resource/image/map.png" className="map" />
              </p>
              <p><span className="service-label service1">出票快</span><span className="service-label service2">出票快</span><span className="service-label service3">出票快</span></p>
            </div>
          </div>
        </div>
        <div className="appoinment-footer red-btn">提交购彩</div>
      </div>
      
    )
  }
}
